<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const username = prompt('用户名');
        const userage = parseInt(prompt('年龄'));

        // ajax 
        //1 创建ajax 对象 
        const xhr = new XMLHttpRequest();

        //2.配置请求信息 
        xhr.open('get',`http://localhost:8080/test/third?name=${username}&age=${userage}`);
        // 第一个参数请求方式  get   post  
        // delete put patch 等 

        //第二个参数 请求地址  看文档  基准地址+文档的地址 

        // 第三个参数  true 或者false 
        // true 异步  false 同步 
        // 不传第三个参数  异步 
        //3. 发送请求 
        xhr.send();
        //4.注册完成事件  

        xhr.onload = function(){
            let res = JSON.parse(xhr.responseText);
            console.log('你浏览器传过来的名字是:',res.info.name);
            console.log('你浏览器传过来的年龄是:',res.info.age);


        }
    </script>
</body>
</html>